<template>
    <Echart :options="option" :width="width" :height="height"></Echart>
  </template>
  
  <script setup lang="ts">
  import Echart from "@/components/Echart.vue";
  import { ref } from "vue";
  
  const width = "100%";
  const height = "100%";
  let option = ref({
  xAxis: {
    boundaryGap: false,
    axisLine: {
      onZero: false,
      lineStyle: {
        color: "#4b87a9",
      },
    },
    splitLine: {
      //网格线
      show: false,
    },
  },
  yAxis: {
    axisLine: {
      onZero: false,
      lineStyle: {
        color: "#4b87a9",
      },
    },
    splitLine: {
      //网格线
      show: false,
    },
  },
  series: [
    {
      symbolSize: 20,
      data: [
        [10.0, 8.04],
        [8.07, 6.95],
        [13.0, 7.58],
        [9.05, 8.81],
        [11.0, 8.33],
        [14.0, 7.66],
        [13.4, 6.81],
        [10.0, 6.33],
        [14.0, 8.96],
        [12.5, 6.82],
        [9.15, 7.2],
        [11.5, 7.2],
        [3.03, 4.23],
        [12.2, 7.83],
        [2.02, 4.47],
        [1.05, 3.33],
        [4.05, 4.96],
        [6.03, 7.24],
        [12.0, 6.26],
        [12.0, 8.84],
        [7.08, 5.82],
        [5.02, 5.68]
      ],
      type: 'scatter',
      tooltip: {
    trigger: "axis",
    axisPointer: {
      type: "cross",
      label: {
        backgroundColor: "#6a7985",
      },
    },
  },
    }
  ]
});
  </script>
  
  <style scoped></style>
  